/* General styles for all menus */
.cbp-spmenu{background:#d10504;border-left:1px solid #fff;position:fixed;}
.cbp-spmenu a{display:block;font-size:1.1em;font-weight:300;color:#fff;}
.cbp-spmenu a:hover{background:#920403;color:#fff;}
.cbp-spmenu a:active{background:#920403;color:#fff;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a{border-bottom:1px solid #fff;padding:1em;}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden;}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left;}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:0.8em;border-left:1px solid #258ecd;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left{left:-240px;}
.cbp-spmenu-right{right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open{left:0px;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{top:-150px;}
.cbp-spmenu-bottom{bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open{top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0px;}
/* Push classes applied to the body */
.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0;}
.cbp-spmenu-push-toright{left:240px;}
.cbp-spmenu-push-toleft{left:-240px;}
/* Transitions */
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
#show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}
.main_box {background:#fff; padding:10px;}
.bg_color {background:#fff;}
.foot_hz{background:url(../images/foot_hz.png) center no-repeat;height:45px;}

.body_box{background:url(../images/bg.jpg)}

htm {padding:0px; margin:0px;}
body {font-family:"microsoft yahei",SimHei,Arial;}
dl {padding:0px; margin:0px;}
dt {padding:0px; margin:0px;}
dd {padding:0px; margin:0px;}
ul {padding:0px; margin:0px;}
ol {padding:0px; margin:0px;}
p {padding:0px; margin:0px; line-height:25px;}
li {padding:0px; margin:0px; list-style-type:none;}
form {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
blockquote {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
select {padding:0px; margin:0px; border:0px;}
label {padding:0px; margin:0px;}
textarea {padding:0px; margin:0px; border:0px;}
img {padding:0px; margin:0px; border:0px;} 
.clear {clear:both; height:0px;}
.top_bor {border-top:#e5e5e5 solid 1px;}
.bot_bor {border-bottom:#000 solid 1px;}

input::-webkit-input-placeholder {color:#999;}
.input {width:100%; display:block; padding:10px 5px; background:none; border:#999 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}
.select{width:100%; color:#606366; padding:11px 25px 11px 5px; -webkit-appearance:none; border-radius:3px; background:url(../images/down.png) no-repeat right; background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; -ms-background-size:15px 15px; -webkit-box-sizing:border-box;}
.button {width:100%; display:block; padding:0px 5px; border:#999 solid 1px; background:no-repeat; color:#fff; text-align:center; font-size:14px;}
.textarea {width:100%; display:block; padding:10px 5px; background:none; border:#999 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}
.show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}

.space-10 {width:100%; height:10px; clear:both;}
.space-20 {width:100%; height:20px; clear:both;}
.space-30 {width:100%; height:30px; clear:both;}
.space-40 {width:100%; height:40px; clear:both;}
.space-50 {width:100%; height:50px; clear:both;}
.space-70 {width:100%; height:70px; clear:both;}
.space-80 {width:100%; height:80px; clear:both;}

.radius5 {-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.radius10 {-moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.radius15 {-moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.radius20 {-moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.radius50 {-moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}

.bg_fff {background:#fff;}
.bg_eaeaea {background:#eaeaea;}

.forms dl{
	padding:0px;
	margin: 10px 0px;
	-webkit-box-sizing:border-box;
}
.forms dd{
width:100%; display:block; height:auto; overflow:hidden;
}
.forms hr{
	margin:10px 0;
	border:0;
	border-top:1px solid #dddddd;
}

.forms dt{
	font-size: 16px;
	color: #606366;
	padding:5px 0px;
	line-height:30px;
}

.forms button{
	font-size: 16px;
	color: #fff;
	padding:5px 0px;
	line-height:30px;
    background:#d10504;
    border:#d10504 solid 1px;
}

/* É« */

a {color:#fff;}
a:link {color:#fff;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}










/*-------------------------------------------------------------*/








/* Ò³ */

.title01 {height:40px; background:#dabaa0;}
.title01 b {height:40px; line-height:40px; color:#fff; display:block; padding-left:10px; float:left;}
.title01 a {height:40px; line-height:40px; color:#fff; display:block; padding-right:10px; float:right;}

.title02 {height:60px; background:#cf0b0b;}
.title02 b {height:60px; line-height:60px; color:#fff;font-size:20px;font-weight:normal; display:block; padding-left:20px; float:left;}
.title02 a {height:40px; line-height:40px; color:#fff; display:block; padding-right:10px; float:right;}

.searchbox {width:100%; height:35px; position:relative;}
.searchbox .search_l {width:100%; height:35px;} 
.searchbox .search_l input {width:100%; height:35px; display:block; padding:0px 5px; border:#e5e5e5 solid 1px; background:#fff;} 
.searchbox .search_r {width:70px; height:35px; background:#b8b8b8; color:#fff; position:absolute; top:0px; right:5px;} 
.searchbox .search_r button {width:60px; height:25px; line-height:24px; display:block; font-size:12px; color:#fff; border:none; cursor:pointer; background:#d10504; margin:5px auto;} 

.product1 {height:auto; overflow:hidden; clear:both;}
.product {height:auto; overflow:hidden; clear:both;}
.product ul {height:auto; overflow:hidden; margin:0px; padding:0px;}
.active a{color:#900}
.active a:hover{color:#900}
.product ul li {height:46px; overflow:hidden; line-height:46px; display:block; font-size:15px; color:#fff; margin:0px 0px 0px; padding:0px; float:left; }
.product ul li a { background:#f2f2f2;position:relative;display:block;color:#555;padding-left:20px;}
.product ul li a:hover{background:#fff;color:#cf0b0b;}
.product ul li a:hover i{width:2px; height:46px; display:block; background:#cf0b0b; position:absolute; top:0px; left:0px;}
.product ul li a.hover{background:#fff;color:#cf0b0b;}


.prod_type {height:auto; overflow:hidden; clear:both; text-align:center}
.prod_type ul {height:auto; overflow:hidden; margin:0px; padding:0px;left:-50%; }
.prod_type ul li {overflow:hidden; display:block; font-size:14px; color:#333; float:left; }
.prod_type ul li a {display:block;color:#666;line-height:37px;background:#e5e5e5; margin:10px 12px 0px; padding:0 24px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px; }
.prod_type ul li a:hover{background:#cf0b0b;color:#FFF;height:37px; overflow:hidden; line-height:37px;}


/*============================about=============================*/

.about_box{float:left;width:100%;background:url(../images/abo.jpg) no-repeat center;height:980px;}
.about{height:auto; overflow:hidden;color:#fff;line-height:170%;font-size:15px; min-height:360px;}
.about p{color:#fff;line-height:170%;font-size:15px; }
.about .container{padding:0 10px;}


.container .conBtn{text-align:center;}
.container .conBtn a{
	display:inline-block;
	padding:0px 35px;
	height:45px;font-size:15px;
	line-height:45px;
	color:#808080;
	background:#f4f4f4;
	transition:all 0.3s;
	margin:0px 5px;
}
.container .conBtn a.active,.container.conBtn a:hover{
	background:#f4f4f4;
	color:#e6212a;
}

.conBtn1{text-align:center;font-size:15px;}
.conBtn1 a{
	display:inline-block;
	padding:0px 35px;
	height:45px;font-size:15px;
	line-height:45px;
	color:#808080;
	background:#fff;
	transition:all 0.3s;
	margin:0px 5px;
}
.conBtn1 a.active,.conBtn1 a:hover{
	background:#22357c;
	color:#fff;
}


.conBtn2{text-align:center;font-size:15px;}
.conBtn2 a{
	display:inline-block;
	padding:0px 35px;
	height:45px;font-size:15px;
	line-height:45px;
	color:#808080;
	background:#f4f4f4;
	transition:all 0.3s;
	margin:0px 5px;
}
.conBtn2 a.active,.conBtn2 a:hover{
	background:#22357c;
	color:#fff;
}



.about b{font-size:18px;color:#cf0b0c;}

.abo_tit{line-height:40px;height:40px;overflow:hidden;background: linear-gradient(to bottom, #ffffff 60%, #edecec);font-size:13px;color:#666;}
.abo_tit a{color:#666;padding:0 5px 0 5px;}
.abo_tit a:hover {color:#c40000;}
.abo_tit a.hover{color:#c40000;}

.contact {height:auto; overflow:hidden; padding-left:50px;font-size:16px;color:#444;}
.contact p {line-height:30px; color:#333;}



.wenhua{height:auto;width:auto;}
.wenhua .container{padding:0 0px;}
.wh_txt{font-size:18px;line-height:180%;padding-right:50px;color:#555;text-align:left; min-height:400px;}
.wh_txt p{text-align:right;padding-top:20px;padding-right:20px;text-align:left;line-height:180%;}






.honor_List{
	padding:0px;
}
.honor_List ul{
	padding:0 0 0 0;
	overflow:hidden;
}
.honor_List ul li{
	padding-bottom:20px;padding-left:12px;padding-right:12px;
}
.honor_List ul li a{
	color:#4D4D4D;
	overflow:hidden;
	width:100%;
	display:block;
}
.honor_List ul li a.txt{text-align:center;border-top:none;
	height:40px;
	line-height:40px;
	overflow:hidden;color:#555
}
.honor_List ul li a:hover{
	color:#2557ac ;color:#555;
}
.honor_List ul li img{
	transition:all 0.6s;
	width:100%;
}
.honor_List ul li img:hover{
	transform:scale(1.2);
}







/*========================aoubt end=============================*/


/*=====================news=================*/

.section-part {
    padding: 40px 0 0;
    text-align: center;
}
.bg-gray {
    background: #f9f9f9;
    color: #333;
}
@media screen and (min-width: 992px) {
    .padding-bottom {
        padding-bottom: 50px;
    }
}
.h-blog-item {
    background: #fff;
    border-right: 1px solid #f6f6f6;
    border-top: 1px solid #f6f6f6;
    padding: 33px 66px 33px;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .4s ease;
    overflow: hidden;
}

    .h-blog-item .blog-date {
        color: #9b9eab;
        font-size: 12px;
        letter-spacing: 1px;
        /*font-family: "maaxbold";*/
    }

    .h-blog-item h4 {
        color: #333;
        display: block;
        font-size: 26px;
        line-height: 1.3;
        margin: 15px 0;
        letter-spacing: -0.06em;
    }
	.h-blog-item h4 a{font-size:26px;color:#333;}
    .h-blog-item h4 a:hover{color:#eb3d00;}

.h-blog-item a:link {color: #333;}
.h-blog-item a:visited {color: #333;}
	
.h-blog-ds {
    color: #9b9eab;
    letter-spacing: 0.5px;
    margin: 15px 0;
    font-size: 15px;
}

.h-blog-readmore {
    color: #333;
    font-size: 14px;
    line-height: 1.1;
    margin: 0;
    display: inline-block;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.h-blog-item:hover {
    background-color: #fcfcfc;
}

    .h-blog-item:hover .h-blog-readmore {
        color: #f1805f !important;
    }

.h-blog-item1 {
    background: #fff;
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
    border-top: 1px solid #f6f6f6;
    padding: 15px 30px 15px;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .4s ease;
    overflow: hidden;
}

    .h-blog-item1:hover {
        background-color: #fcfcfc;
    }

        .h-blog-item1:hover .h-blog-readmore {
            color: #f1805f !important;
        }



/*=====================news end=================*/


.proitems {height:auto; overflow:hidden; display:block;padding:0 5px;}
.proitems img{width:100%;display:block; border:#e6e6e6 solid 1px; }
.proitems span {height:40px; overflow:hidden; line-height:40px; display:block; font-size:14px; color:#333; text-align:center;}


.in_prod{height:auto;overflow:hidden;display:block;padding:0 5px}
.in_prod  img{width:100%;display:block;border:#e6e6e6 solid 1px;padding:0 5px}
.in_prod  span{text-align:center;line-height:40px;font-size:14px;color:#FFF;background:#4f4f4f;display:block;}
.in_prod   a:hover span{background:#900;color:#FFF;display:block;}
.in_prod_hover a:hover{background:#900;color:#FFF;display:block;}


.news {height:auto; overflow:hidden; clear:both;}
.news ul {height:auto; overflow:hidden; margin:0px; padding:0px 5px;}
.news ul li {height:40px; overflow:hidden; line-height:40px; display:block; font-size:14px; color:#666; margin:0px; padding:0px;}
.news ul li a {height:40px; overflow:hidden; line-height:40px; display:block; font-size:14px; color:#666; padding-left:20px; position:relative; border-bottom:#999 dashed 1px;}
.news ul li a i {width:4px; height:4px; display:block; background:#666; position:absolute; top:20px; left:0px;}

/* Ò³ */

.banner {height:auto; overflow:hidden;}
.banner img {width:100%; height:auto; overflow:hidden;}
.menu-left{width:285px;margin:0 auto;height:auto;}
.s_content {height:auto; overflow:hidden; padding:30px 30px; min-height:100px;color:#555;line-height:160%;font-size:15px;}
.s_content p {color:#555;line-height:160%;}
.s_content img {width:auto; max-width:100%;}
.s_content span{font-size:18px;color:#C00}

.contact_time{padding:0px;text-align:center;font-size:14px;color:#555;line-height:60px;border-bottom:1px dashed #ccc;}
.content_box{padding:0px;height:auto;font-size:15px;color:#555;padding-top:30px;}
.content_pic{text-align:center;padding:30px 0px 20px 0px;}
.content_pic img{width:auto; max-width:100%;}
.content_tit{padding:0px 10px;text-align:center;font-size:36px;color:#eb3d00; font-weight:bold;}
.content_tit p{font-size:24px;color:#19106b;}
.content_box img{width:auto; max-width:100%;}
.content_box p img{width:auto; max-width:100%;}

.content_new_tit{padding:0 10px;text-align:center;font-size:36px;color:#eb3d00;}
.content_new_box{padding:0px;height:auto;font-size:15px;color:#555;padding-top:30px; min-height:400px;}
.content_new_box img{width:auto; max-width:100%;}
.content_new_box p img{width:auto; max-width:100%;}

.newslist {height:auto; overflow:hidden; padding-left:25px; margin:0px;}
.newslist li {height:45px; line-height:45px; overflow:hidden; clear:both; border-bottom:#999 dashed 1px; position:relative;}
.newslist li i {width:4px; height:4px; background:#666; display:block; position:absolute; top:22px; left:0px;}
.newslist li a {height:45px; line-height:45px; display:block; color:#666; padding-left:15px; padding-right:90px;}
.newslist li time {width:80px; height:45px; line-height:45px; color:#666; position:absolute; top:0px; right:0px;}
.newslist li a:hover {color:#333;}

/*.items {height:120px; overflow:hidden; display:block; padding-left:120px; position:relative;}
.items img {width:100px; height:100px; position:absolute; top:0px; left:5px;}
.items span {height:40px; line-height:40px; overflow:hidden; color:#333; font-size:14px; font-weight:bold; display:block;}
.items font {height:50px; line-height:25px; overflow:hidden; color:#999; font-size:12px; display:block;}*/



.s_n_title {height:50px; line-height:50px; overflow:hidden; color:#000; font-size:22px; text-align:center;}
.s_d_date {height:30px; line-height:30px; text-align:center; color:#666; padding:0 20px 20px 20px; }
.s_d_date font {color:#e60012;}
.s_img{height:auto;overflow:hidden;padding-top:30px;padding-bottom:30px;text-align:center;}
.s_img img{width:auto; max-width:100%;}
/*  */

.more {height:auto; overflow:hidden;  }
.more span {height:30px; line-height:30px; display:block; color:#666;border-top:#ccc dashed 1px;}
.more a {height:30px; line-height:30px; display:block; color:#666;}
.more a:hover {color:#333;}

/* ҳʽ */


@media (max-width: 479px) {
.pc_top {display:none;}
.pc_head {display:none;}

.about p{color:#555;}
.about_box{background:none;height:auto;}
.container .conBtn a{width:96%;padding:0px 0px;margin-bottom:1px;}
.wh_txt{font-size:15px;padding-right:5px;padding-left:5px;}

.conBtn1 a{width:96%;padding:0px 0px;margin-bottom:1px;}
.conBtn2 a{width:96%;padding:0px 0px;margin-bottom:1px;}
.space-70{line-height:40px;height:40px;}
.space-50{line-height:30px;height:30px;}

.m_head .m_title {height:50px; line-height:50px; font-size:14px;}

.menu_btn {width:40px; height:40px; margin-top:5px;}
.menu_btn span {width:40px; height:40px;}

.content_box{padding:0px 8px;font-size:12px;}
.content_tit{font-size:28px;}
.content_tit p{font-size:20px;}
.content_pic{padding:30px 10px 30px 10px;}
.content_new_tit{font-size:20px;}
.content_new_box{padding:0 8px;font-size:14px;padding-top:20px;}

.section-part{padding:0px 10px;}
.h-blog-item {padding:10px 20px;}
.h-blog-item h4 a{font-size:20px;}

.product ul li {height:40px; overflow:hidden; line-height:40px; display:block; font-size:14px; color:#fff; margin:10px 5px 0px; padding:0px; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;border-bottom:none;}
.product ul li a {text-align:center; padding:0px 10px;  background:#dabaa0;background: linear-gradient(#ffebda, #e5c2a4);}
.product ul li a:hover{text-align:center; padding:0px 10px;  background:#dabaa0;background: linear-gradient(#ffebda, #e5c2a4);}
.product ul li a i {display:none;}

#tool{height:48px;line-height:48px;}

}

@media (min-width: 480px) and (max-width: 767px)  {
.pc_top {display:none;}
.pc_head {display:none;}

.m_head .m_title {height:50px; line-height:50px; font-size:14px;}

.menu_btn {width:40px; height:40px; margin-top:5px;}
.menu_btn span {width:40px; height:40px;}


.container .conBtn a{width:96%;padding:0px 0px;margin-bottom:1px;}
.conBtn1 a{width:96%;padding:0px 0px;margin-bottom:1px;}
.conBtn2 a{width:96%;padding:0px 0px;margin-bottom:1px;}

.product ul li {height:40px; overflow:hidden; line-height:40px; display:block; font-size:14px; color:#fff; margin:10px 5px 0px; padding:0px; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px; border-bottom:none;}
.product ul li a {text-align:center; padding:0px 10px; background:#dabaa0;background: linear-gradient(#ffebda, #e5c2a4);}
.product ul li a:hover{text-align:center; padding:0px 10px; background:#dabaa0;background: linear-gradient(#ffebda, #e5c2a4);}
.product ul li a i {display:none;}
#tool{height:48px;line-height:48px;}

}

@media (min-width: 768px) and (max-width: 999px){

.pc_top {display:none;}
.pc_head  {display:none;}


.m_head .m_title {height:50px; line-height:50px; font-size:14px;}

.menu_btn {width:40px; height:40px; margin-top:5px;}
.menu_btn span {width:40px; height:40px;}

#tool{height:48px;line-height:48px;}
}

@media (min-width: 1000px) {
.pc_top {display:block;}
.pc_head {display:block;}
.m_head {display:none;}

.tool_btn {float:right;}

.pc_p_10 {padding-left:10px;}
#tool{display:none;}
   
}

@media (min-width: 1260px) {
	
.pc_top {display:block;}
.pc_head {display:block;}
.m_head {display:none;}

.tool_btn {float:right;}

.pc_p_10 {padding-left:10px;}

}


.show_msg {width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; left:0px; top:0px; z-index:99;display:none;}
.show_msg .show_msg_text {width:360px; height:180px; background:rgba(0,0,0,0.4); margin-left:-180px; margin-top:-90px; position:fixed; left:50%; top:50%; z-index:99;}
.show_msg .show_msg_text .show_msg_text_b {width:350px; height:170px; margin:5px; background:url(../images/success.png) no-repeat 0px 40px #f7f7f7;}
.show_msg .show_msg_text .show_msg_text_b span {height:50px; line-height:50px; color:#4c4c4c; font-size:18px; text-align:center; font-weight:bold; padding:0px 10px; display:block;}
.show_msg .show_msg_text .show_msg_text_b .text {width:300px; height:auto; overflow:hidden; margin:120px auto; padding-left:130px; margin:0px auto;}
.show_msg .show_msg_text .show_msg_text_b .text b {color:#d31145; font-size:24px; line-height:40px; padding:20px 0px; display:block;}
.show_msg .show_msg_text .show_msg_text_b .text .btn {height:39px; line-height:39px; font-size:18px; text-align:center; display:block; margin-top:30px; float:left;}
.show_msg .show_msg_text .show_msg_text_b .text a.backbtn {color:#fff; padding:0px 20px; background:url(../images/c_list_2.png) no-repeat right center #d31145; border:#d31145 solid 1px;}
.show_msg .show_msg_text .show_msg_text_b .close {width:26px; height:26px; background:url(../images/close.png) no-repeat; cursor:pointer; position:absolute; top:15px; right:15px;}


/* Ҳͷ */

#f_right {position:absolute; background:none; top:0px; right:1px; z-index:9999;}
#f_right #r_btn {width:36px;  padding:10px; background:#d93030; margin-top:50px; color:#fff; display:block; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px;  -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; cursor:pointer; float:left;}
#f_right #kf_list {width:145px; float:right;}
#f_right #kf_list .f_right_top {height:42px; background:#d93030; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px;  -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px;}
#f_right #kf_list .f_right_top span {height:42px; line-height:42px; color:#fff; padding-left:10px; float:left;}
#f_right #kf_list .f_right_top i {width:32px; height:32px; line-height:32px; color:#fff; text-align:center; display:block; cursor:pointer; float:right;}
#f_right #kf_list .f_right_bot {height:5px; background:#d93030; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
#f_right #kf_list .f_right_ul {padding:20px 10px; background:#fff; border:#d93030 solid 1px;}
#f_right #kf_list .f_right_ul .ul_list {clear:both;}
#f_right #kf_list .f_right_ul .ul_list ul {display:block;}
#f_right #kf_list .f_right_ul .ul_list ul li {height:40px; line-height:40px; padding:5px 0px; position:relative;}
#f_right #kf_list .f_right_ul .ul_list ul li a {width:100%; height:40px; display:block;}
#f_right #kf_list .f_right_ul .ul_list ul li a i {width:20px; height:20px; line-height:20px; color:#fff; text-align:center; display:block; background:#d93030; margin-top:10px; float:left;}
#f_right #kf_list .f_right_ul .ul_list ul li a span {width:100px; height:40px; line-height:40px; color:#333; font-size:14px; font-weight:bold; display:block; padding-left:4px; float:left;}




.content {height:auto; overflow:hidden; margin:0px 5px;}
.content p {line-height:25px; color:#555;}

.s_d_cont img {max-width:100%;}

.frame_title3 {height:50px; margin:0 15px; border-bottom:#ddd solid 1px;}
.frame_title3 b {height:50px; line-height:50px; font-size:24px; color:#8ab424; display:block; float:left;}
.frame_title3 span {height:50px; line-height:30px; text-align:center; font-size:16px; color:#8ab424; display:block; padding-left:10px; padding-top:15px; float:left;}


.items {height:auto; overflow:hidden;}
.items a {width:100%; display:block;}
.items a img {width:100%;}
.items a p {height:40px; line-height:40px; color:#666; overflow:hidden; display:block; text-align:center; padding:0px 15px;}
.main {background:#fff; padding:0px 20px;}

.han_bot{width:100%;float:left;background:url(../images/ban-bot.jpg) ;height:10px;}

.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; width:94%;margin:0 auto;padding:30px 0 30px 0; clear:both;}
.page a,.page span{display:block;color:#0c4797;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;line-height:18px} /* SPAN和链接 */
.page a:hover, .page a.current{color:#F44;border:1px solid #F44;line-height:18px;} /* 当前链接有激活时 */
.page input{padding:0px;color:#0c4797;line-height:18px;height:18px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */



/* 底部定导航*/

.tool{width:95%; margin:0px auto;  text-align:center;}

.tool a{color:#000; font-size:16px}

.tool table{ width:100%; margin:5px 0px }

.tool td{ padding: 3px 5px; width:50%; text-align:center}



/* 底部定导航*/

#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 48px;}

.toollist li{ float:left;width: auto;  height: 100%;width:25%;

position: static!important;  margin: 0;

border-radius: 0!important; -webkit-box-sizing: border-box;

box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;

-webkit-box-sizing: border-box; box-shadow: none!important; background: none;

}
.toollist_gray {

	border-top: 1px solid #3D3D46;

	background-image:linear-gradient(top, #2e2a28, #222222 60%, #0b0a09);

	background-image:-o-linear-gradient(top, #2e2a28, #222222 60%, #0b0a09);

	background-image:-ms-linear-gradient(top, #2e2a28, #222222 60%, #0b0a09);

	background-image:-moz-linear-gradient(top, #2e2a28, #222222 60%, #0b0a09);

	background-image:-webkit-linear-gradient(top, #2e2a28, #222222 60%, #0b0a09 );



	box-shadow: 0 1px 0 #949494 inset;

	-moz-box-shadow:0 1px 0 #949494 inset;

	-webkit-box-shadow:0 1px 0 #949494 inset;

	-o-box-shadow:0 1px 0 #949494 inset;

}

.toollist_gray li{ border-right: 1px solid rgba(128, 128, 128, 0.6);}

.toollist_gray li a {color: #fff;}


.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}

.toollist li a img{width:24px;height:24px;}

.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}

/* 底部定导航*/





.in_lx_rt{background:#fff;height:auto;}
.in_lx_con{font-size:15px;line-height:170%;padding-left:30px;}
.in_lx_ewm{padding-right:20px;}

.in_news_tit {height:40px;border-bottom:1px solid #e5e5e5;}
.in_news_tit b {height:40px; line-height:40px; color:#666; display:block; padding-left:10px; float:left;}
.in_news_tit a {height:40px; line-height:40px; color:#666; display:block; padding-right:10px; float:right;}
.in_news_con{font-size:15px;border-bottom:1px dashed #e5e5e5;}
.in_news_con a{font-size:15px;color:#444;}
.in_news_con p{font-size:13px;line-height:170%;color:#777;padding-bottom:20px;}

.in_news_list {height:auto; overflow:hidden; padding:0px; margin:0px;}
.in_news_list li {height:26px; line-height:26px; overflow:hidden; clear:both; position:relative;}
.in_news_list li i {width:3px; height:3px; background:#666; display:block; position:absolute; top:12px; left:0px;}
.in_news_list li a {height:26px; line-height:26px; display:block; color:#666; padding-left:12px;}
.in_news_list li time {width:80px; height:26px; line-height:26px; color:#666; position:absolute; top:0px; right:0px;}
.in_news_list li a:hover {color:#333;}



footer{
	background:#22357c;
	color:#FFF;
}
footer .container{
	padding:0px 30px;
}
footer .footer ul li img{
	float:left;
	margin-right:20px;
}
footer .footer{
	padding-top:80px;
	padding-bottom:60px;
	line-height:28px;
	overflow:auto;
}
footer .footer ul li section{
	float:left;
	width:calc(100% - 70px);
}

@media (max-width: 768px) {
	footer .footer{padding-top:30px;padding-bottom:20px;}
	.cop_cont{text-align:center;line-height:170%;}
	
}
@media (max-width: 479px) {
	footer .footer{padding-top:30px;padding-bottom:20px;}
	.copyright .cop_logo{text-align:center;width:100%;padding:0px 0px;text-align:none;}
	.copyright .cop_cont{text-align:center;line-height:170%;padding-top:20px;}
	
}

@media (min-width: 480px) and (max-width: 767px) {
	
	footer .footer{padding-top:30px;padding-bottom:10px;}
	.copyright	.cop_logo{text-align:center;width:100%;}
	.copyright .cop_cont{text-align:center;line-height:170%;padding-top:10px;}
	}


.copyright{padding:20px 20px;height:auto;}
.copyright .container{padding:0px 20px;}
.cop_logo{text-align:left;}
.cop_cont{text-align:right;font-size:13px;padding-top:10px;}
.cop_cont a{color:#555;}
.cop_cont a:hover{color:#555;}

.padd_lt_20{padding-left:20px;}
.padd_lt_30{padding-left:30px;}
.padd_lr_20{padding-left:20px;padding-right:20px;}



.pubProList{
	padding:0px;
}
.pubProList ul{
	padding:0 0 0 0;
	overflow:hidden;
}
.pubProList ul li{
	padding-bottom:20px;padding-left:12px;padding-right:12px;
}
.pubProList ul li a{border:1px solid #dadada;background:#f4f4f4;
	color:#4D4D4D;
	overflow:hidden;
	width:100%;
	display:block;
}
.pubProList ul li a.txt{text-align:center;border-top:none;padding-top:5px;
	height:80px;
	line-height:160%;font-size:24px;
	overflow:hidden;background:#fff;color:#eb3d00;
}
.pubProList ul li a.txt p{font-size:16px;color:#333;}
.pubProList ul li a:hover{
	color:#2557ac ;color:#eb3d00;
}
.pubProList ul li img{
	transition:all 0.6s;
	width:100%;
}
.pubProList ul li img:hover{
	transform:scale(1.2);
}


@media (max-width: 768px) {
	.pubProList{
		padding:0px 0px 20px 0px;
	}
	
	.pubProList ul{
		padding:10px 0 0 0;
		overflow:hidden;
	}
	.pubProList ul li{
		padding:0px 10px 10px 10px;
	}
	
}



/* ====== home ====== */
.yy_list{
	padding:0px;
}
.yy_list ul{
	padding:0 0 0 0;
	overflow:hidden;
}
.yy_list ul li{
	padding-bottom:20px;padding-left:9px;padding-right:9px;
}
.yy_list ul li a{
	color:#4D4D4D;
	overflow:hidden;
	width:100%;
	display:block;
}
.yy_list ul li a.txt{text-align:center;border-top:none;
	height:40px;
	line-height:40px;
	overflow:hidden;color:#555;
}
.yy_list ul li a:hover{
	color:#2557ac ;;
}
.yy_list ul li img{
	width:100%;
}


.in_abo_box{float:left;width:100%;background:#22357c;height:auto;}
.ft_bg{background:#e33715;padding:0px  50px;}
.ft_bg_txt{color:#FFF;font-size:60px;padding:50px 30px;text-align:right;}
.ft_bg_txt p{font-size:36px;color:#FFF;padding-top:30px;}
.ft_bg_txt  span{font-size:24px;color:#FFF;padding-top:30px;}
.in_abo{height:auto;padding:0px 9px;}
.in_abo_txt{padding:0 40px;font-size:15px;color:#FFF;line-height:170%;}

.in_lx_tit{text-align:right;font-size:60px;color:#fff;font-weight:bold; }
.in_lx_titc {font-size:36px;color:#FFF;padding-top:0px;text-align:right;}
.in_lx_titc p{font-size:24px;color:#FFF;}



/* ====== in_about atart ====== */
.in_about{ width:100%; background:#22357c; background-size:cover; padding:0 0; }

.in_about .container{
	padding:0px 18px;
}


.in_about .comp{ float:left; width:387px; max-width:100%;background:#e33715;}
.in_about .comp .p_txt{font-size:60px;color:#FFF;padding-top:44px;text-align:right;padding-right:45px; font-family:Arial;}
.in_about .comp .p_txt1{font-size:35px;color:#FFF;text-align:right;padding-right:45px;margin-top:-20px;}
.in_about .comp .p_txt1 p{font-size:24px;color:#FFF;padding-top:5px;padding-bottom:70px;}

.in_about .cont{ float:right; width:calc(100% - 451px); color:#fff;}
.in_about .cont .p_1{ font-size:24px; font-weight:bold; padding-top:44px;}
.in_about .cont .info{ line-height:24px; margin-top:10px; max-height:144px;font-size:15px;}
.in_about .cont .info p{ font-size:15px;}
.in_about .cont .more{ display:block; float:right; width:110px; height:35px; font-size:13px;line-height:35px; color:#FFF; margin-top:10px; transition:all 0.3s ease-out 0s;}
.in_about .cont .more a:{display:block;width:110px;text-align:center;}
.in_about .cont .more:hover{ color:#fff;}
@media (max-width: 992px) {
	.in_about .cont .info{ max-height:none;}
	.in_about .container{padding:0px 10px;}
}
@media (max-width: 768px) {
		.in_about .container{padding:0px 0px;}
	.in_about{ text-align:center; padding:0 0;}
	.in_about .comp{ float:none;width:100%;}
	.in_about .comp .p_txt{padding-top:20px;}
	.in_about .comp .p_txt1 p{padding-bottom:35px;}
	.in_about .cont{ float:none; width:100%; text-align:left;padding:0 10px}
	.in_about .cont .p_1{padding-top:20px;}
    .in_about .cont .info{ max-height:none;}
}
/* ====== in_about end ====== */


/* ====== home news list start  ====== */

.homeNewsList{
	padding:0px 0px 0px 0px;

}
.homeNewsList .container{
	padding:0px 20px;
}
.homeNewsList .col-md-6{
	padding:40px 0px 10px 0px;
}
.homeNewsList .col-md-6:nth-child(2){
	padding-right:26px;
}
.homeNewsList .col-md-6:nth-child(3){
	padding-left:26px;
}
.homeNewsList .col-md-6 a img{
	display:block;
	width:100%;height:248px;
}
.homeNewsList .col-md-6 h3 a{
	font-size:16px;
	font-weight:bold;
	color:#4d4d4d;
	line-height:26px;
	text-align:left;
	display:block;
	padding-top:10px;
}
.homeNewsList .col-md-6 h3 a:hover{
	color:#2557ac;
}
.homeNewsList .col-md-6 p{
	display:block;
	text-align:left;
	max-height:52px;
	line-height:20px;
	color:#666;
	overflow:hidden;
}
.homeNewsList .media{
	margin:0px;
	padding-bottom:30px;
}
.homeNewsList .media-left{
	padding-right:10px;
}
.homeNewsList .media-left span{
	display:block;
	text-align:center;
	background:#f2f2f2;
	color:#9e9e9e;
	padding:0px 10px;
	width:70px;
}
.homeNewsList .media-left span:first-child{
	font-size:24px;
	line-height:50px;
	border-bottom:1px solid #FFF;
	color:#666;
}
.homeNewsList .media-left span:last-child{
	font-size:12px;
	line-height:24px;
}
.homeNewsList .media-body{
	text-align:left;
	color:#a0a0a0;
	line-height:28px;
	font-size:14px;
}
.homeNewsList .media-body h4{
	font-weight:bold;
	font-size:16px;
	height:18px;
	overflow:hidden;
	margin-bottom:11px;
}
.homeNewsList .media-body h4 a{
	color:#4d4d4d;
}
.homeNewsList .media-body h4 a:hover{
	color:#2557ac;
}
.homeNewsList ul{
	padding-top:12px;
}
.homeNewsList ul li{
	height:46px;
	line-height:46px;
	text-align:left;
	border-bottom:1px solid #e5e5e5;
	text-indent:15px;
	position:relative;
	overflow:hidden;
}
.homeNewsList  ul li a:hover{
	color:#0080d7
}
.homeNewsList ul li span{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:30px;
	height:46px;
}
.homeNewsList ul li span i{
	display:block;
	width:2px;
	height:2px;
	background:#7c7c7c;
	position:absolute;
	top:20px;
	left:4px;
}
.homeNewsList ul li span i:first-child{
	top:20px;
	left:0px;
}
.homeNewsList ul li span i:last-child{
	top:24px;
}

@media (max-width: 768px) {
	.homeNewsList{
		padding-bottom:0px;
	}
	.homeNewsList .container{
		padding:0px 10px;
	}
	.homeNewsList .col-md-6{
		padding-top:10px;
	}
	.homeNewsList .col-md-6:nth-child(2){
		padding-right:0px;
	}
	.homeNewsList .col-md-6:nth-child(3){
		padding-left:0px;
	}
	.homeNewsList .col-md-6 h3 a{
		font-size:14px;
		padding:0px;
		line-height:30px;
	}
	.homeNewsList .media-body{
		line-height:20px;
		font-size:12px;
	}
	.homeNewsList .media-body h4{
		font-size:14px;
		height:20px;
		line-height:20px;
		margin-bottom:5px;
	}
	.homeNewsList .media{
		padding-bottom:20px;	
	}
}
/* ====== home news list end ====== */
/*====== home title start ======*/
.homeTit{
	height:118px;
	padding-top:39px;
	border-bottom:1px solid #f3f3f3;
	line-height:83px;
	font-size:24px;
	color:#4d4d4d;
	text-align:left;
}
.homeTit small{
	font-size:15px;
	color:#666;
	text-transform:uppercase;
}
.homeTit a{
	float:right;
	font-size:14px;
	font-weight:normal;
	color:#666;
}
.homeTit a:hover{
	color:#2557ac;
}
@media (max-width: 768px) {
	.homeTit{
		padding-top:0px;
		height:50px;
		line-height:50px;
		font-size:18px;
	}
	.homeTit a{
		display:none;
	}
	.homeTit small{
		font-size:12px;
		color:#666;
		text-transform:uppercase;
	}
	
	a.more{
		margin-top:10px;
	}
}
/*====== home title end ======*/








.in_prod_tit{ width:313px; margin:0 auto; overflow:hidden;}
.in_prod_tit .lt{ float:left; width:77px; height:58px; border-bottom:1px solid #C9C9C9;}
.in_prod_tit .ct{ float:left; width:159px; text-align:center;}
.in_prod_tit .p_1{ font-size:27px; color:#333333; line-height:29px; padding-top:6px; }
.in_prod_tit .p_2{ font-size:16px; color:#bfbfbf; line-height:18px; padding-top:13px; font-family:Arial; text-transform:uppercase;}
.in_prod_tit .rt{ float:left; width:77px; height:58px; border-bottom:1px solid #C9C9C9;}




/* ====== home banner start ====== */
.carousel-btn {
	text-align:center;
	margin:10px 0;
}
.carousel-btn a {
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:10px;
	margin:0 6px;
	background:#CCC;
}
.carousel-btn .selected {
	background:#da251c;
	cursor:default;
}
.carousel-btn a span {
	display:none;
}
.carousel-btn-fixed {
	width:100%;
	position:absolute;
	bottom:15px;
	left:0;
	margin:0;
	z-index:100;
}
.carousel {
	position:relative;
	padding:0px;
}


@media (min-width:768px) and (max-width:991px) {
	.carousel{ height:380px !important; }
	.carousel .carousel-item .carousel-img a img{ height:380px !important; }
}

@media screen and (max-width:768px) {
	.carousel{ height:320px !important; }
	.carousel .carousel-item .carousel-img a img{ height:320px !important; }
}
@media screen and (max-width:640px) {
	.carousel{ height:260px !important; }
	.carousel .carousel-item .carousel-img a img{ height:260px !important; }
}
@media screen and (max-width:480px) {
	.carousel{ height:145px !important; }
	.carousel .carousel-item .carousel-img a img{ height:145px !important; }
}
.carousel-item {
	position:relative;
	float:left;
	display:block;
}
.carousel-item .carousel-img {
	display:block;
}
.carousel-item .carousel-img a[href="javascript:;"] {
	cursor:default;
}
.carousel-item .carousel-img img {
	display:block;
}
.responsive-carousel {
	overflow:hidden;
}
.responsive-carousel .carousel-item img {
	width:100%;
	height:auto !important;
}
.responsive-carousel .carousel-direction {
	display:none;
}
.responsive-carousel:hover .carousel-direction {
	display:block;
}
.responsive-carousel-set .carousel-info-inner h3 {
	font-weight:normal;}
	.banbox{ width:100%; overflow:hidden;}
/* ====== home banner end ====== */















/* ====== top start ====== */



/* ====== top end ====== */




.about-part {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;background:#333
}



    .about-part p {
        font-size: 15px;
        line-height: 1.5;
        color: #333;
        margin-bottom: 10px;text-align:center;
    }
.client-words p {
    color: #696969;text-align:center;
}

.parallax {
margin:0 auto;text-align:center;
}






    .client-words.parallax.black p {min-width:1200px;margin:0 auto;text-align:center;background:#066;
        color: #eee;
    }
	.client-words.parallax.black p img{width:98%; min-width:98%;text-align:center}

    .client-words.parallax.black b { clear:both;
        color: #fff;font-size:20px;line-height:80px;
    }


@media (min-width:768px) and (max-width:991px) {
	.client-words.parallax.black p{min-width:100%;}

}

@media screen and (max-width:768px) {
	.client-words.parallax.black p{min-width:100%;padding:0 20px;}
}
@media screen and (max-width:640px) {
	.client-words.parallax.black p{min-width:100%;padding:0 20px;}
}
@media screen and (max-width:480px) {
	.client-words.parallax.black p{min-width:100%;padding:0 20px;}
}